<!-- app.vue -->
<template>
  <div id="app">
    <header>hello my vue2-webpack4 template</header>
    <nav>is nav</nav>
    <section>
      <article>i am article</article>
      <ul>
        <li>one</li>
        <li>two</li>
        <li>three</li>
      </ul>
    </section>
    <aside>i am asidesddd</aside>
    <footer>
      <img src="./assets/img/common/home.png" alt="">
    </footer>
  </div>
</template>

<script>
export default {
  name: 'app'
}
</script>

<style scoped>
header{
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  height: 80px;
  line-height: 80px;
  transform: rotate(0deg);
}
section{
  width: 500px;
  height: 900px;
  margin: 0 auto;
  overflow: hidden;
  background: #ddd url('./assets/img/common/big.png') no-repeat scroll center center;
  background-size: 100% 100%;
  color: #fff;
}
</style>
